.component-timer{--timerSize:40px;--labelSize:12px;--gapSize:10px;display:flex;width:100%;max-width:100%;overflow:hidden;justify-content:inherit;font-size:var(--timerSize);line-height:1.083}.component-timer[data-size=xs]{--timerSize:18px;--labelSize:11px;--gapSize:2px}.component-timer[data-size=s]{--timerSize:30px}.component-timer[data-size=m]{--timerSize:40px}.component-timer[data-size=xl]{--timerSize:58px;--labelSize:14px;--gapSize:22px}.component-timer[data-size=xxl]{--timerSize:110px;--labelSize:18px;--gapSize:24px}.component-timer[data-size=xxxl]{--timerSize:150px;--labelSize:24px;--gapSize:22px}.timer{display:flex;align-items:flex-end;justify-content:inherit;width:100%}.timer .number{display:flex;flex-flow:column;align-items:center;white-space:nowrap;text-align:center}.timer .number.d .title i:first-child[data-value="0"],.timer .number.d .title i:first-child[data-value="0"]+[data-value="0"]{display:none}.timer .number span{display:block;font-size:var(--labelSize);line-height:1.2;margin-top:calc(var(--gapSize) / 2);opacity:.6;max-width:100%;overflow:hidden;text-overflow:ellipsis}.timer .title{display:flex}.timer .title i{font:inherit;text-transform:inherit;display:inline-block;letter-spacing:inherit}.timer .colon{padding:0 var(--gapSize);align-self:flex-start;text-align:center}